<script setup>
import Header from '../common/header.vue'
import Footer from '../common/footer.vue'
import Banner from '../home/banner.vue'
//     import Content from '../home/content.vue'
import { ref } from 'vue';
import axios from 'axios'

const home_content = ref('');
// todo 获取首页内容
const url = window.web_url + '/api/cms.article.single_by_title/' + 'home_content';
const getHomeContent = () => {

        axios.get(url).then((res) => {

                home_content.value = res.data.article.content

                setTimeout(() => {


                        // 代理产品,关于我们 分类下详情页面的轮播
                        var AgencySwiper = new Swiper('.container .swiper', {
                                // Swiper配置项
                                loop: true,
                                pagination: {
                                        el: '.swiper-pagination',
                                        clickable: true,
                                },
                        });

                });
        });

}

getHomeContent();

</script>

<template>
        <Header></Header>


        <main class="main-content js-main-content">


                <Banner></Banner>

                <div v-html="home_content"></div>
                <!-- <Content></Content> -->

        </main>

        <Footer></Footer>
</template>

<style lang="less">
.t-l {
        text-align: left;
}

.t-c {
        text-align: center;
}
</style>